<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<!--框架必需start-->
		<script type="text/javascript" src="../../libs/js/jquery.js"></script>
		<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
		<script type="text/javascript" src="../../libs/js/framework.js"></script>
		<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" id="skin" prePath="../../" />
		<link rel="stylesheet" type="text/css" id="customSkin" />
		<!--框架必需end-->
		<link rel="stylesheet" type="text/css" href="style/style.css" />

		<script type="text/javascript" src="../../libs/js/form/datePicker/WdatePicker.js"></script>
	</head>

	<body>
		<div class="page_content">
			<div class="infoCard" style="margin-bottom: 20px;">
				<div class="title">
					<span>库房出入录入</span>
				</div>
				<table border="0" cellspacing="0" cellpadding="0" class="announcement_title" style="padding: 0 10px;">
					<tr class="last_list">
						<td style="width: 400px;vertical-align: top;">
							<p>部门</p>
							<input type="text" name="" id="" value="研发部" style="width: 380px;" disabled="true"/>
						</td>
						<td style="width: 400px;vertical-align: top;">
							<p>申请人</p>
							<input type="text" name="" id="" value="程鹏" style="width: 380px;" disabled="true"/>
						</td>
						<td style="vertical-align: top;">
							<p>录入时间</p>
							<input type="text" name="" id="" value="2017-09-11 15:34:21" style="width: 100%;" disabled="true"/>
						</td>
						<!--<textarea name="" rows="" cols="" style="width: 100%;height: 60px;"></textarea>-->
					</tr>
					<tr class="last_list">
						<td style="width: 400px;vertical-align: top;">
							<p>出入时间</p>
							<input type="text" value="2017-09-18 12:23:21" class="date" style="width: 380px;"/>
						</td>
						<td style="vertical-align: top;" colspan="2">
							<p>进入人员</p>
							<input type="text" name="" id="" value="点击勾选人员" style="width: 100%;" disabled="true"/>
						</td>
						<!--<textarea name="" rows="" cols="" style="width: 100%;height: 60px;"></textarea>-->
					</tr>
					<tr class="last_list">
						<td>
							<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
								<tr>
									<td style="width: 100px;">
										<p><input type="checkbox" id="in" name="in" value="带货进库" /><label for="in" class="hand">带货进库</label></p>
										<p><input type="checkbox" id="out" name="out" value="带货出库" /><label for="out" class="hand">带货出库</label></p>
									</td>
									<td style="padding-right: 20px;vertical-align: top;">
										<span class="check_tip">勾选是否需要带货进库或带货出库</span>
									</td>
								</tr>
							</table>
						</td>
						<td style="vertical-align: top;" colspan="2">
							<p>理由</p>
							<textarea name="" rows="" cols="" placeholder="填写理由" style="width: 100%;"></textarea>
						</td>
					</tr>
					<tr class="last_list">
						<td colspan="3">
							<div class="storeroom_becareful">
								<p>注意：</p>
								<span>带货进出必须要有货品清单，须直属领导签字，研发总监签字，货品清单须手工签字，一式两份。</span>
							</div>
						</td>
					</tr>
				</table>
				
				<table border="0" cellspacing="0" cellpadding="0" style="padding: 20px 0;width: 100%;border-top: 1px solid #F5F5F5;">
					<tr>
						<td style="vertical-align: middle;text-align: center;">
							<input type="button" name="" id="" value="取消" onclick="window.location='oa_59.html'"/>
							<input type="button" name="" id="" value="提交" class="primary" onclick="window.location='oa_59.html'"/>
						</td>
					</tr>
				</table>
			</div>
			
			
			
			
		</div>

		<script type="text/javascript">
			var grid = null;
			//数据表格使用
			var gridData = {
				"form.paginate.pageNo": 1,
				"form.paginate.totalRows": 13,
				"rows": [{
						"id": 5418,
						"Commodity_code": "zbb1312312",
						"Internal_encoding": "zbb43212321",
						"Name": "百倍奇偶欧昂",
						"specification": "",
						"Price": 30.75,
						"Company": "",
						"Adjust_price": 30.75,
						"Num": 1,
						"Money": 30.75
					}
				]
			}

			function initComplete() {
				grid = $("#dataBasic").quiGrid({
					columns: [{
							display: 'ID',
							name: 'id',
							width: "10%",
							render: function(rowdata, rowindex, value, column) {
								var mainCon = $('<div></div>');
								//var con = $('<span class="purchased">'+rowdata.id+'<span>');
								var con = $('<input class="purchased" type="text" value="'+rowdata.id+'" disabled="true"/>');
								
								
								mainCon.append(con);
								return mainCon.html();
							}
						},
						{
							display: '商品编码',
							name: 'Commodity_code',
							width: "10%"
						},
						{
							display: '内部编码',
							name: 'Internal_encoding',
							width: "10%"
						},
						{
							display: '商品名称',
							name: 'Name',
							width: "10%"
						},
						{
							display: '商品规格',
							name: 'specification',
							width: "10%"
						},
						{
							display: '单价',
							name: 'Price',
							width: "10%",
							render: function(rowdata, rowindex, value, column) {
								var mainCon = $('<div></div>');
								var con = $('<input class="purchased" type="text" value="'+rowdata.Price+'" disabled="true"/>');
								mainCon.append(con);
								return mainCon.html();
							}
						},
						{
							display: '单位',
							name: 'Company',
							width: "10%"
						},
						{
							display: '调整价格',
							name: 'Adjust_price',
							width: "10%",
							render: function(rowdata, rowindex, value, column) {
								var mainCon = $('<div></div>');
								var con = $('<input class="purchased purchased2" type="text" value="'+rowdata.Adjust_price+'" />');
								mainCon.append(con);
								return mainCon.html();
							}
						},
						{
							display: '数量',
							name: 'Num',
							width: "10%",
							render: function(rowdata, rowindex, value, column) {
								var mainCon = $('<div></div>');
								var con = $('<input class="purchased purchased2" type="text" value="'+rowdata.Num+'" />');
								mainCon.append(con);
								return mainCon.html();
							}
						},
						{
							display: '金额',
							name: 'Money',
							width: "10%",
							render: function(rowdata, rowindex, value, column) {
								var mainCon = $('<div></div>');
								var con = $('<input class="purchased" type="text" value="'+rowdata.Money+'" disabled="true"/>');
								mainCon.append(con);
								return mainCon.html();
							}
						},
						{
							display: '操作',
							name: 'name',
							align: 'center',
							width: 120,
							render: function(rowdata, rowindex, value, column) {
								var mainCon = $('<div></div>');
								var con = $('<span class="operation_delete">删除</span>');
								mainCon.append(con);
								return mainCon.html();
							}
						}
					],
					data: gridData,
					sortName: 'id',
					rownumbers: false,
					checkbox: false,
					usePager: false,
					height: 'auto',
					width: "100%",
					pageSize: 10,
					percentWidthMode: true,
					onAfterShowData: onAfterShowData

				});
			}
		
			function onAfterShowData(data) {

				$("#dataBasic").find(".popupMenu").each(function() {
					$(this).hover(function() {
						$(this).find(".popupMenu_con").show();
					}, function() {
						$(this).find(".popupMenu_con").hide();
					});
				})
			}
			
		</script>
	</body>

</html>